.top{
	width: 100%;
	height: 90px;
	background-color: #fff;
	border-bottom: none;
}
.top .logo{
	height: 58px;
	margin-top: 15px;
	margin-right: 23px;
}
.top .top-hy{
	color: #383838;
	font-size: 23px;
	margin-top: 35px;
}
.tip{
	width: 100%;
	height: 39px;
	line-height: 39px;
	text-align: center;
	background-color: #FFF8F0;
}
.tip .text{
	display: block;
	width: 989px;
	padding-left: 21px;
	color: #999;
	background: url(../img/login-icon-2.png) no-repeat 45px 12px;
}

.main{
	width: 100%;
	height: 480px;
	/* background-color: #f6d246; */
	background: url(../img/myBanner.jpg) no-repeat;
	background-size:100% 100%;
}


/*清除浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.text_overflow{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}

.loginBar{ margin: 0 auto;}

.loginBar .logol_bj .logol_rot{
	position: absolute;
	top: 164px;
	left: 370px;
	z-index: 6;
	animation:myfirst 3s ease-out;
	-ms-animation:myfirst 3s ease-out; /* IE */
	-moz-animation:myfirst 3s ease-out; /* Firefox */
	-webkit-animation:myfirst 3s ease-out; /* Safari and Chrome */
	-o-animation:myfirst 3s ease-out; /* Opera */}
.loginBar .logol_bj .logoll_link{
	border: 1px solid #fff;
	border-radius: 50%;
	width: 360px;
	height: 360px;
	position: absolute;
	top: 190px;
	left: 400px;
	z-index: 5;
}
.loginBar .logol_bj .logol_header{ width: 278px; height: 278px; background:rgba(255,255,255,.5); border-radius: 50%; padding: 10px; margin: 90px 200px;}
.loginBar .logol_bj .logol_header .logol_header_img{ background-color: #fff; width: 278px; height: 278px; border-radius: 50%;}
.loginBar .logol_bj .logol_header .logol_header_img img{
	margin-top: 4px;
	margin-left: 3px;
	width : 270px;
	height : 270px;
	border-radius:  50%;
}


/*动画*/
@keyframes myfirst
{
	from  {transform:rotate(0deg);}
	to  {transform:rotate(360deg);}

}
@-ms-keyframes myfirst /* IE */
{
	from  {transform:rotate(0deg);}
	to  {transform:rotate(360deg);}
}
@-moz-keyframes myfirst /* Firefox */
{
	from  {transform:rotate(0deg);}
	to  {transform:rotate(360deg);}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	from  {transform:rotate(0deg);}
	to  {transform:rotate(360deg);}
}

@-o-keyframes myfirst /* Opera */
{
	from  {transform:rotate(0deg);}
	to  {transform:rotate(360deg);}
}
.main .main-bj{
	height: 475px;
}
.main .main-bj .login{
	width: 360px;
	height: 399px;
	background-color: #fff;
	margin-top: 31px;
	margin-right: 70px;
}
.main .main-bj .tip p{
	padding-left: 21px;
	color: #999;
	font-size: 12px;
	background: url(../img/login-icon-2.png) no-repeat 17px 12px;
}
.main .main-bj .title{
	height: 54px;
	line-height: 54px;
	border-bottom: 1px solid #F4F4F4;
}
.main .main-bj .title span.fl a{
	font-size: 17px;
	color: #666;
	padding-left: 50px;
	word-spacing: 49px;
}
.main .main-bj .title span.fl a:hover{
	color: #3c3d3f;
	font-weight: bold;
}
.main .main-bj .title span.fl a.curLogin{
	color: #3c3d3f;
	font-weight: bold;
}
.main .main-bj .title span.fr a:hover{
	color: #3c3d3f;
	font-weight: bold;
}
.main .main-bj .title span.fr a.curLogin{
	color: #3c3d3f;
	font-weight: bold;
}
.main .main-bj .title span.fr a{
	font-size: 17px;
	color: #666;
	padding-right: 50px;
}
.main .main-bj .form{
	height: 255px;
	border-bottom: 1px solid #F4F4F4;
}
.main .main-bj .form form{
	padding: 34px 20px 0;
}
.main form ul li{
	height: 38px;
	line-height: 38px;
	border: 1px solid #BDBDBD;
	margin-bottom: 20px;
}
.main form ul li.user:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 38px;
	height: 38px;
	background: url(../img/pwd-icons-new.png) no-repeat;
	border-right: 1px solid #BDBDBD;
}
.main form ul li.password:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 38px;
	height: 38px;
	background: url(../img/pwd-icons-new.png) no-repeat -48px -48px;
	border-right: 1px solid #BDBDBD;
}
label{
	color: #666;
}
.main form ul li.forgetpwd{
	height: 18px;
	line-height: 18px;
	border: none;
	text-align: right;
}
.main form ul li.forgetpwd input{
	float: left;
}
.main form ul li.forgetpwd a{
	text-decoration: none;
	color: #666;
}
.main form ul li.forgetpwd a:hover{
	color: #007bff;
	text-decoration: underline;
}
.main form ul li.submit{
	border: none;
}
.main form ul li input[type="submit"]{
	width: 100%;
	height: 40px;
	background-color: #007bff;
	color: white;
	border: none;
	word-spacing: 24px;
}
.main form ul li input[type="text"],.main form ul li input[type="password"]{
	width: 245px;
	border: none;
	outline: none;
	padding-left: 15px;
}
.main .login{
	position: relative;
}
.main .footer{
	position: absolute;
	bottom: 0;
	height: 51px;
	line-height: 51px;
	background-color: #FCFCFC;
}
.main .footer ul li{
	float: left;
	word-spacing: 4px;
	margin-right: 26px;
}
.main .footer .lx{
	margin-left: 21px;
}
.main .footer ul li.qq:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 19px;
	height: 50px;
	background: url(../img/QQ-weixin.png) no-repeat 0px 17px;
}
.main .footer ul li.wx:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 19px;
	height: 50px;
	background: url(../img/QQ-weixin.png) no-repeat -19px 17px;
}
.main .footer ul li a{
	color: #666;
}
.main .footer ul li a:hover{
	text-decoration: underline;
	color: #007bff;
}
.main .footer .zc{
	height: 51px;
	line-height: 51px;
	padding-left: 28px;
	vertical-align: middle;
/*	background: url(../img/right.png) no-repeat 4px 18px;*/
}
.main .footer .zc a{
	font-size: 14px;
	color: #666;
	margin-right: 21px;

}
.main .footer .zc a:hover{
	color: #007bff;
	text-decoration: underline;
}
.bottom{
	margin-top: 10px;
	margin-bottom: 10px;
}
.bottom p{
	line-height: 26px;
	text-align: center;
	color: #777;
}
.bottom p a{
	color: #666;
	margin: 0 6px;
}
.sCode img{
	width: 50%;
	margin-left: 90px;
	margin-top: 28px;
}
.sCode p{
	text-align: center;
}
.bottom p a:hover{
	color: #007bff;
	text-decoration: underline;
}
